<template>
  <div class="da">
    <h1>{{ name }}</h1>
    <h1>{{ info.hello.toUpperCase() }}</h1>
    <h1>{{ info.age >= 18 ? '成年了' : '未成年' }}</h1>
  </div>
</template>
<script>
export default {
  data() {
    return {
      name: '你好啊VUE',
      info: {
        age: 18,
        hello: 'world',
      },
    }
  },
}
</script>
<style lang="less">
.da {
  h1 {
    color: red;
  }
}
</style>
